<script setup lang="ts">
import { ref } from "vue";

//如果想让简单类型的数据变化成响应式数据
//用ref函数包裹 ---会返回一个响应式对象，把这个值给到这个对象value属性
//注意点 在script标签使用需要使用.value
//在模板中使用，正常使用

let age = ref(11);
const changeage = () => {
  age.value++;
};
</script>

<template>
  <div class="app-page"></div>
  <div>{{ age }}</div>
  <button @click="changeage">年龄++</button>
</template>

<style lang="css" scoped></style>
